<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户登录</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="static/css/body.css">
    <script src="https://cdn.jsdelivr.net/npm/axios@0.21.1/dist/axios.min.js"></script>
    <script src="static/js/login.js" charset="UTF-8"></script>
  </head>
  <body>
    <div style="font-size: xxx-large;text-align: center" class="p-5">物业管理系统 </div>
    <div class="d-flex justify-content-center">
      <div class="w-25 border shadow p-5 center-block">
        <div style="font-size: xx-large">登录</div>
        <hr />
        <form>
          <div class="form-group">
            <label for="id">ID</label>
            <input type="text" class="form-control" id="id" required />

          </div>

          <div class="form-group">
            <label for="password">密码</label>
            <input
              type="password"
              class="form-control"
              id="password"
              required
            />
          </div>

          <div class="form-group">
            <label for="role">角色</label>
            <select class="form-control" id="role">
              <option value="user">员工</option>
              <option value="admin">管理员</option>
            </select>
          </div>

        </form>
        <button onclick="login()" class="btn btn-primary">登录</button>
        <hr />
        <div
          class="alert alert-warning"
          role="alert"
          id="alert"
          style="display: none"
        >
         请输入正确的用户名和密码
        </div>
        <div>还没有账号？去<a href="${pageContext.request.contextPath}/register">注册</a></div>
      </div>
    </div>
  </body>
<script>

</script>
</html>
